<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<div id="content-outer">

<!-- start content -->
<div id="content">

<div id="page-heading"><h1>Choose Template</h1></div>

<table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
<tr>
	<th rowspan="3" class="sized">
		<img src="<c:url value="/resources/images/shared/side_shadowleft.jpg"/>" width="20" height="300" alt="" />
	</th>
	<th class="topleft"></th>

	<td id="tbl-border-top">&nbsp;</td>
	<th class="topright"></th>
	<th rowspan="3" class="sized">
		<img src="<c:url value="/resources/images/shared/side_shadowright.jpg"/>" width="20" height="300" alt="" />
	</th>
</tr>
<tr>
	<td id="tbl-border-left"></td>
	<td>
	<!--  start content-table-inner -->
	<div id="content-table-inner">
	
	<table border="0" width="100%" cellpadding="0" cellspacing="0">

		<tr valign="top">
		<td>
		
		
			<!--  start step-holder -->
			<div id="step-holder">
				<div class="step-no">1</div>
				<div class="step-dark-left">Set Your Machine</div>
				<div class="step-dark-right">&nbsp;</div>			
				<div class="step-no-off">2</div>
	
				<div class="step-light-left">Preview</div>
				<div class="step-light-round">&nbsp;</div>
				<div class="clear"></div>
			</div>
			<!--  end step-holder -->
		
			<!-- start id-form -->
			<form:form modelAttribute="template" action="" method="post">
			<table border="0" cellpadding="0" cellspacing="0"  id="id-form">
			<tr>
				<th valign="top">Template:</th>
				<td>
					<fieldset>	
					<form:select path="template" class="styledselect_form_1">
						<option value="">Option1</option>
						<option value="">Option2</option>
						<option value="">Option3</option>			
					</form:select>
					</fieldset>
				</td>
				<td></td>
			</tr>
			<tr>
				<th valign="top">Use till to:</th>
				<td class="noheight">				
					<table border="0" cellpadding="0" cellspacing="0">
					<tr  valign="top">
						<td>
						<%-- <form id="chooseDateForm" action="#"> --%>
						
						<select id="d" class="styledselect-day">
							<option value="">dd</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
							<option value="11">11</option>
							<option value="12">12</option>
							<option value="13">13</option>
							<option value="14">14</option>
							<option value="15">15</option>
							<option value="16">16</option>
							<option value="17">17</option>
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
							<option value="21">21</option>
							<option value="22">22</option>
							<option value="23">23</option>
							<option value="24">24</option>
							<option value="25">25</option>
							<option value="26">26</option>
							<option value="27">27</option>
							<option value="28">28</option>
							<option value="29">29</option>
							<option value="30">30</option>
							<option value="31">31</option>
						</select>
						</td>
						<td>
							<select id="m" class="styledselect-month">
								<option value="">mmm</option>
								<option value="1">Jan</option>
								<option value="2">Feb</option>
								<option value="3">Mar</option>
								<option value="4">Apr</option>
								<option value="5">May</option>
								<option value="6">Jun</option>
								<option value="7">Jul</option>
								<option value="8">Aug</option>
								<option value="9">Sep</option>
								<option value="10">Oct</option>
								<option value="11">Nov</option>
								<option value="12">Dec</option>
							</select>
						</td>
						<td>
							<select  id="y"  class="styledselect-year">
								<option value="">yyyy</option>
								<option value="2005">2005</option>
								<option value="2006">2006</option>
								<option value="2007">2007</option>
								<option value="2008">2008</option>
								<option value="2009">2009</option>
								<option value="2010">2010</option>
							</select>
							<%-- </form> --%>
						</td>
						<td><a href=""  id="date-pick"><img src="images/forms/icon_calendar.jpg"   alt="" /></a></td>
					</tr>
					</table>			
				</td>
				<td></td>
			</tr>
			<tr>
				<th valign="top">Description:</th>
				<td><textarea rows="" cols="" class="form-textarea"></textarea></td>
				<td></td>
			</tr>
			<tr>
				<th>&nbsp;</th>
				<td valign="top">
					<input type="button" value="" class="form-submit" />
					<input type="reset" value="" class="form-reset"  />
				</td>
				<td></td>
			</tr>
			</table>
			</form:form>
			<!-- end id-form  -->
	
		</td>
		<td></td>
		</tr>
	
		<tr>
		<td>
			<img src="<c:url value="/resources/images/shared/blank.gif"/>" width="695" height="1" alt="blank" />
		</td>
		<td></td>
		</tr>
	
	</table>
 
	<div class="clear"></div>
 
	</div>
	<!--  end content-table-inner  -->
	</td>
	
<td id="tbl-border-right"></td>
</tr>
<tr>
	<th class="sized bottomleft"></th>

	<td id="tbl-border-bottom">&nbsp;</td>
	<th class="sized bottomright"></th>
</tr>
</table>

<div class="clear">&nbsp;</div>

</div>
<!--  end content -->

<div class="clear">&nbsp;</div>
</div>
